<template>
  <el-table :data="tableData" style="width: 100%;">
<!--    <el-table-column label="属性类型" align="center">-->
<!--      <el-select v-model="attrType" placeholder="请选择属性类型">-->
<!--        <el-option label="区域一" value="shanghai" />-->
<!--        <el-option label="区域二" value="beijing" />-->
<!--      </el-select>-->
<!--    </el-table-column>-->

    <el-table-column label="产品名称" align="center">
      <el-input v-model="attrName" placeholder="请输入产品名称" clearable />
    </el-table-column>

    <el-table-column label="产品规格" align="center">
      <el-table-column label="长" align="center">
        <el-input v-model="attrFlag" placeholder="请输入长度" clearable />
      </el-table-column>
      <el-table-column label="宽" align="center">
        <el-input v-model="attrMap" placeholder="请输入宽度" clearable />
      </el-table-column>
    </el-table-column>

    <el-table-column label="产品数量" align="center">
      <el-table-column label="片" align="center">
        <el-input v-model="attrUnit" placeholder="请输入片数" clearable />
      </el-table-column>
    </el-table-column>

    <el-table-column label="扣角" align="center">
      <el-table-column label="长" align="center">
        <el-input v-model="attrFlag" placeholder="请输入长度" clearable />
      </el-table-column>
      <el-table-column label="宽" align="center">
        <el-input v-model="attrMap" placeholder="请输入宽度" clearable />
      </el-table-column>
    </el-table-column>

    <el-table-column label="扣角数量" align="center">
      <el-table-column label="个" align="center">
        <el-input v-model="attrUnit" placeholder="请输入个数" clearable />
      </el-table-column>
    </el-table-column>

    <el-table-column label="平方数" align="center" />
    <el-table-column label="单价" align="center" />

    <el-table-column label="价格" align="center">
      <el-button size="mini" type="danger" @click="handleDelete(item, index)">删除</el-button>
    </el-table-column>
  </el-table>
</template>

<script setup>import { ref } from 'vue'

const attrType = ref('')
const attrName = ref('')
const attrFlag = ref('')
const attrMap = ref('')
const attrUnit = ref('')
const tableData = ref([])
</script>